<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="./css/bootstrap.css" />
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/bootstrap.js"></script>
	<title></title>
	<style>
	div{
		 <!-- border:1px solid orange; -->
<!-- background-color:red; -->
	}
	#main-content{
		height:900px;
	}
	.panel{
		background:#eee;
	}
	.panel-heading{
		background:#777;
	}
	.panel-title{
		color:#f0ad4e;
	}
	#leftnav{
		height:800px;
	}
	</style>
</head>
<body>
	<div class="container-fluid">
		<div class="page-header">
			<h1>上海核工程研究设计院 <small>设计管理平台</small></h1>
			<h6>您好：<a href=""><strong>XXX</strong></a>，欢迎登录本系统</h6>
		</div>
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">
						<img alt="Brand" src="...">
					</a>
					<!-- <div class="navbar-nav navbar-brand"> -->
						 <!-- <ol class="breadcrumb">  -->
								<!-- <li><a href="">首页</a></li> -->
								<!-- <li><a href="">经验反馈</a></li> -->
								<!-- <li class="active">信息汇总</li> -->
						<!-- </ol>  -->
					<!-- </div> -->
				</div>
				<div class="collapse navbar-collapse">
					<form action="#" class="navbar-form navbar-right">
								<div class="input-group">
									<span class="input-group-btn">
										<button class="btn btn-default" type=button>Go!</button>
									</span>
									<input type="text" class="form-control" placeholder="Search for ..."/>
								</div>
					</form>
					<ul class="nav navbar-nav nav-pills navbar-right">
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">待办<span class="badge">42</span><span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="">待办计划 <span class="badge"><small>20</small></span></a></li>
								<li><a href="">活动项 <span class="badge"><small>10</small></span></a></li>
								<li><a href="">IED <span class="badge"><small>3</small></span></a></li>
								<li role="separator" class="divider"></li>
								<li><a href="">经验反馈 <span class="badge"><small>9</small></span></a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">已办<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="">计划</a></li>
								<li><a href="">活动项</a></li>
								<li><a href="">IED</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="">经验反馈</a></li>
							</ul>
						</li>
						<li>
							<a role="button" tabindex="0" href="" data-toggle="popover" data-trigger="focus" title="系统信息" data-content="此处为系统相关信息">系统</a>
						</li>
						<li><a href="" title="进入个人页面">个人<span class="badge">7</span></a></li>
						<li><a href="">退出</a></li>
					</ul>
				</div>
			</div>
		</nav>





		</div>
		<div id="main-content">
			<div class="col-md-2 hidden-xs hidden-sm">

				<div class="panel">
					<div class="panel-heading">
						<h3 class="panel-title">链接</h3>
					</div>
					<div id="leftnav" class="panel-body">
						<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									 <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
										 计划管理
									 </a>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">计划分配</a></li>
											<li><a href="">计划调整</a></li>
											<li><a href="">计划导出</a></li>
											<li><a href="">资源分配</a></li>
											<li><a href="">计划变更</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingTwo">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
										经验反馈
									</a>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">XX</a></li>
											<li><a href="">YY</a></li>
											<li><a href="">XX</a></li>
											<li><a href="">WW</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
										行动项
									</a>
								</div>
								<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">行动项1</a></li>
											<li><a href="">行动项2</a></li>
											<li><a href="">行动项3</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFour">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
										IED
									</a>
								</div>
								<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">IED</a></li>
											<li><a href="">任务</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFive">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
										任务管理
									</a>
								</div>
								<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">任务</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingSix">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
										我的收藏
									</a>
								</div>
								<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href=""></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="col-md-10">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4><img alt="Brand" src="./img/logo.jpg"> 设计经验反馈管理</h4>
					</div>
					<div class="panel-body">
					<div class="container-fluid">
						<form action="" class="form-horizontal">

								<div class="row">
									<div class="col-md-4 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-6 col-sm-4 col-xs-3 control-label">流水号</label>
											<div class="col-md-6 col-sm-8">
												<!-- <input type="text" class="form-control" id="" value="DEF-17-008425"> -->
												<p class="form-control-static">DEF-17-008425</p>
											</div>
										</div>
									</div>
									<div class="col-md-8 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-3 col-sm-4 col-xs-3 control-label">来源项目</label>
											<div class="col-md-9 col-sm-8">
												<p class="form-control-static">HYG</p>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-6 col-sm-4 col-xs-3 control-label">紧急程度</label>
											<div class="col-md-6 col-sm-8">
												<p class="form-control-static">普通</p>
											</div>
										</div>
									</div>
									<div class="col-md-8 col-sm-6">
										<div class="form-group-sm	">
											<label for="" class="col-md-3 col-sm-4 col-xs-3 control-label">关键词</label>
											<div class="col-md-9 col-sm-8">
												<p class="form-control-static"><mark>CCS</mark>，<mark>FT250A/B</mark>，<mark>High Flow Alarm Modifications</mark></p>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-6 col-sm-4 col-xs-3 control-label">反馈时间</label>
											<div class="col-md-6 col-sm-8">
												<p class="form-control-static">2017-10-27</p>
											</div>
										</div>
									</div>
									<div class="col-md-8 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-3 col-sm-4 col-xs-3 control-label">信息来源</label>
											<div class="col-md-9 col-sm-8">
												<p class="form-control-static">项目现场</p>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-6 col-sm-4 col-xs-3 control-label">反馈人</label>
											<div class="col-md-6 col-sm-8">
												<p class="form-control-static">XX</p>
											</div>
										</div>
									</div>
									<div class="col-md-8 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-3 col-sm-4 col-xs-3 control-label">反馈人部门</label>
											<div class="col-md-9 col-sm-8">
												<p class="form-control-static">项目部</p>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-4 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-6 col-sm-4 col-xs-3 control-label">来源项目</label>
											<div class="col-md-6 col-sm-8">
												<p class="form-control-static">HYG</p>
											</div>
										</div>
									</div>
									<div class="col-md-8 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-3 col-sm-4 col-xs-3 control-label">来源项目</label>
											<div class="col-md-9 col-sm-8">
												<p class="form-control-static">HYG</p>
											</div>
										</div>
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-4 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-6 col-sm-4 col-xs-3 control-label">来源项目</label>
											<div class="col-md-6 col-sm-8">
												<p class="form-control-static">HYG</p>
											</div>
										</div>
									</div>
									<div class="col-md-8 col-sm-6">
										<div class="form-group-sm">
											<label for="" class="col-md-3 col-sm-4 col-xs-3 control-label">来源项目</label>
											<div class="col-md-9 col-sm-8">
												<p class="form-control-static">HYG</p>
											</div>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-md-12 col-sm-12">
										<div class="form-group-sm">
											<label for="" class="col-md-2 col-sm-2  col-xs-3 control-label">进度</label>
											<div class="col-md-10 col-sm-10">
												<div class="progress">
													<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
														<span >40% 完成</span>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12 col-sm-12">
										<div class="form-group-sm">
											<label for="" class="col-md-2 col-sm-2 control-label">来源项目</label>
											<div class="col-md-10 col-sm-10">
												<textarea class="form-control" rows="5"></textarea>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="panel-group" role="tablist">
										<div class="panel panel-default">
											<div class="panel-heading" role="tab" id="collapseListGroupHeading1">
													<a class="collapsed" role="button" data-toggle="collapse" href="#collapseListGroup1" aria-expanded="false" aria-controls="collapseListGroup1">
														CAP1000文件 <span class="badge">4</span>
													</a>
											</div>
											<div id="collapseListGroup1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading1">
												<table class="table table-condensed">
													<thead>
														<tr>
															<th>#</th>
															<th>First Name</th>
															<th>Last Name</th>
															<th>Username</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<th scope="row">1</th>
															<td>Mark</td>
															<td>Otto</td>
															<td>@mdo</td>
														</tr>
														<tr>
															<th scope="row">2</th>
															<td>Jacob</td>
															<td>Thornton</td>
															<td>@fat</td>
														</tr>
														<tr>
															<th scope="row">3</th>
															<td colspan="2">Larry the Bird</td>
															<td>@twitter</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
									<div class="panel-group" role="tablist">
										<div class="panel panel-default">
											<div class="panel-heading" role="tab" id="collapseListGroupHeading2">
													<a class="collapsed" role="button" data-toggle="collapse" href="#collapseListGroup2" aria-expanded="false" aria-controls="collapseListGroup2">
														CAP1400文件 <span class="badge">6</span>
													</a>
											</div>
											<div id="collapseListGroup2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading2">
												<table class="table table-condensed">
													<thead>
														<tr>
															<th>#</th>
															<th>First Name</th>
															<th>Last Name</th>
															<th>Username</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<th scope="row">2</th>
															<td>Jacob</td>
															<td>Thornton</td>
															<td>@fat</td>
														</tr>
														<tr>
															<th scope="row">2</th>
															<td>Jacob</td>
															<td>Thornton</td>
															<td>@fat</td>
														</tr>
														<tr>
															<th scope="row">2</th>
															<td>Jacob</td>
															<td>Thornton</td>
															<td>@fat</td>
														</tr>
														<tr>
															<th scope="row">2</th>
															<td>Jacob</td>
															<td>Thornton</td>
															<td>@fat</td>
														</tr>
														<tr>
															<th scope="row">2</th>
															<td>Jacob</td>
															<td>Thornton</td>
															<td>@fat</td>
														</tr>
													</tbody>
												</table>
												<nav aria-label="Page navigation" class="text-right">
													<ul class="pagination">
														<li>
															<a href="#" aria-label="Previous">
																<span aria-hidden="true">&laquo;</span>
															</a>
														</li>
														<li><a href="#">1</a></li>
														<li><a href="#">2</a></li>
														<li>
															<a href="#" aria-label="Next">
																<span aria-hidden="true">&raquo;</span>
															</a>
														</li>
													</ul>
												</nav>
											</div>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-1 col-sm-1"></div>
									<div class="col-md-4 col-sm-4">
										<button type="button" class="btn btn-danger btn-block" data-toggle="modal" data-target=".bs-example-modal-lg">回退</button>
									<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
											<div class="modal-dialog modal-lg" role="document">
												<div class="modal-content">
													<div class="modal-header">
														<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
														<h4 class="modal-title" id="myModalLabel">回退理由</h4>
													</div>
													<form action="" >
														<div class="modal-body">
															<div class="form-group">
																<label for="" class="col-md-2">原因</label>
																<div class="col-md-8 col-sm-8">
																	<select name="" id="" class="form-control">
																		<option value="">-----</option>
																		<optgroup label="文件原因">
																			<option value="">AAA</option>
																			<option value="">BBB</option>
																			<option value="">CCC</option>
																		</optgroup>
																		<optgroup label="流程原因">
																			<option value="">YYY</option>
																		</optgroup>
																		<optgroup label="补充细节">
																			<option value="">XXX</option>
																		</optgroup>
																	</select>
																</div>
															</div>
															<div class="form-group">
																<label for="" class="col-md-2">说明</label>
																<div class="col-md-8 col-sm-8">
																	<textarea class="form-control" rows="5"></textarea>
																</div>
															</div>
															<div class="form-group">
																<label for="" class="col-md-2">附加文件</label>
																<div class="col-md-8 col-sm-8">
																	<input type="file" class="form-control" id="" placeholder="请选择文件">
																</div>
															</div>
															<div class="form-group">
																<label for="" class="col-md-2">附加照片</label>
																<div class="col-md-5 col-sm-5">
																	<input type="file" class="form-control" id="" placeholder="请选择文件">
																</div>
																<div class="col-xs-3 col-md-3">
																	<a href="#" class="thumbnail">
																		<img src="./img/Tulips.jpg" alt="...">
																	</a>
																</div>
															</div>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-default" data-dismiss="modal">取消操作</button>
															<button type="button" class="btn btn-danger">确定回退</button>
														</div>
													</form>
												</div>
											</div>
										</div>
										
									</div>
									<div class="col-md-2 col-sm-2"></div>
									<div class="col-md-4 col-sm-4">
										<button type="button" class="btn btn-success btn-block">通过</button>
									</div>
									<div class="col-md-1 col-sm-1"></div>

								</div>





						</form>

						</div>
					</div>
				</div>







			</div>
		</div>
		<div id="footer-content" class="row">
			<div class="row">
				<ul class="list-inline text-center">
					<li><a href="">创蓝官网</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">投诉建议</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">站长统计</a></li>
				</ul>
			</div>
			<div class="row">
				<h4 class=text-center>上海核工程研究设计院 版权所有CopyRight © 2012-2017 ALL Rights Reserve<h4>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
$('#example').popover(options)
</script>

</html>